.news-center {
	background: #F5F5F5;
	padding-bottom: 50px;
	.banner {
		width: 100%;
		height: auto;
		padding-bottom: 30px;

		img {
			width: 100%;
			height: auto;
		}
	}

	.news-tab {
		display: flex;
		justify-content: center;
		align-items: center;

		p {
			width: 103px;
			height: 45px;
			background: rgba(255, 255, 255, 1);
			box-shadow: 0px 3px 29px 0px rgba(91, 85, 85, 0.16);
			font-size: 14px;
			font-weight: 400;
			color: #656565;
			line-height: 45px;
			text-align: center;
			margin: 10px;

			img {
				width: 16px;
				height: 18px;
				margin: 4px;
			}
		}

		.news-tab-active {
			background: linear-gradient(90deg, rgba(5, 143, 31, 1), rgba(10, 107, 28, 1));
			color: rgba(255, 255, 255, 1);

			img {
				width: 16px;
				height: 18px;
				margin: 4px;
			}
		}
	}
	.news-list{
		.news-content{
			.news-content-tit{
				font-size:14px;
				font-weight:bold;
				color:rgba(51,51,51,1);
			}
			.news-content-space{
				font-size:12px;
				font-weight:400;
				color:rgba(153,153,153,1);
			}
			.news-content-time{
				font-size:9px;
				font-weight:400;
				color:rgba(153,153,153,1);
			}
		}
	}
	.paging-small{
		display: none;
	}
}

@media screen and (min-width:1280px) {
	.news-center {
		position: relative;
		padding-top: 75px;

		.news-tab {
			position: absolute;
			top: 340px;
			left: 50%;
			margin-left: -150px;
		}
		.news-list {
			width: 80%;
			height: auto;
			background: #fff;
			margin: 30px auto 0;
		
			dl {
				width: 100%;
				height:160px;
				border-bottom: 1px dotted #E5E5E5;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				dt {
					width: 20%;
					height: auto;
					margin:10px;
					img {
						width: 80%;
						height: auto;
					}
				}
		
				dd {
					width: 80%;
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin:10px;
					.news-content{
						width:90%;
						height:120px;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						.news-content-space{
							overflow: hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-line-clamp: 3;
							-webkit-box-orient: vertical;
						}
					}
					.news-more{
						width:20px;
						height:120px;
						line-height: 120px;
						text-align: center;
						background:#EEEEEE;
					}
					.news-content-time{
						font-style: italic;
					}
				}
		
			}
		}
		
		
	}
	.paging{
		width:80%;
		height:100px;
		background: #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto;
		.prev,.next{
			width:30px;
			height:30px;
			margin:10px;
			img{
				width:100%;
				height:100%;
				
			}
		}
		.paging-btn{
			width:80%;
			height:30px;
			line-height: 30px;
			text-align: center;
			span{
				width:30px;
				height:30px;
				margin:0 10px;
				border: 1px solid  #E5E5E5;
				display: inline-block;
			}
			.paging-btn-active{
				background: #028A1B;
				color: #fff;
			}
		}
	}
}


@media screen and (min-width:320px) and (max-width:1280px) {
	.news-center {
		width: 100%;
		padding-top: 42px;

		.banner {
			width: 100%;
			height: auto;
			display: block;
		}
		.news-tab {
			display: flex;
			justify-content: center;
			align-items: center;
		
			p {
				width: 100px;
				height: 40px;
				background: rgba(255, 255, 255, 1);
				box-shadow: 0px 3px 29px 0px rgba(91, 85, 85, 0.16);
				font-size: 15px;
				font-weight: 400;
				color: #656565;
				line-height: 40px;
				text-align: center;
				margin: 5px;
		
				img {
					width: 15px;
					height: 15px;
					margin: 0 3px;
				}
			}
		
			.news-tab-active {
				background: linear-gradient(90deg, rgba(5, 143, 31, 1), rgba(10, 107, 28, 1));
				color: rgba(255, 255, 255, 1);
		
				img {
					width: 15px;
					height: 15px;
					margin:  0 3px;
				}
			}
		}
		
		.news-list{
			dl{
				width:80%;
				height:auto;
				margin: 10px auto;
				display: flex;
				flex-direction: row-reverse;
				align-items: center;
				background: #fff;
				
				dt{
					width:30%;
					height: auto;
				}
				dd{
					width:70%;
					height:160px;
					.news-content{
						height:120px;
						margin: 20px 10px;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
					}
					
					.news-content-space{
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 3;
						-webkit-box-orient: vertical;
					}
					.news-more{
						display: none;
					}
				}
			}
		}
		.paging{
			display: none;
		}
		.paging-small{
			width:80%;
			height:100px;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			.prev-small,.next-small{
				width:45%;
				height:40px;
				text-align: center;
				background:#01891B;
				
				img{
					width:30%;
					height:auto;
					
				}
			}
			.paging-small-active{
				background:#ccc;
			}
		}
	}
	
}
